import style from '@/App.module.scss';
import { Layout } from 'antd';
import { Content, Footer, Header } from 'antd/es/layout/layout';
import logo from "@/assets/logo.png";
import { Outlet } from 'react-router-dom';
function App() {
  const headerStyle = {
    backgroundColor: "#34519f",
    padding: "20px 100px",
    minHeight: "90px",
  }
  const footerStyle = {
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#34519f",
    color: "#fff",
    fontSize: "12px",
    flexDirection: 'column' as 'column',
  }
  return (
    <div className={style.wrapper}>
      <Layout className='layout'>
        <Header style={headerStyle}>
          <div className="logo">
            <img src={logo} alt="logo" />
          </div>
        </Header>
        <Content style={{ minHeight: "720px" }} >
          <Outlet />
        </Content>
        <Footer style={footerStyle}>
          <span>@Copyright 2023 公安部警用装备采购中心 All rights reserved </span>
          <span>沪ICP备17030594号-1</span>
          <span>单位地址：上海市闵行区三达路299号</span>
          <span>单位电话：021-33292999</span>
        </Footer>
      </Layout>
    </div>
  )
}

export default App
